<!--从这里开始一个流程-->
<form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">

  <nz-form-item>
    <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired>请假类型</nz-form-label>
    <nz-form-control [nzSm]="16" [nzXs]="24">
      <nz-select formControlName="type">
        <nz-option nzValue=1 nzLabel="病假"></nz-option>
        <nz-option nzValue=2 nzLabel="事假"></nz-option>
        <nz-option nzValue=3 nzLabel="调休"></nz-option>
      </nz-select>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired>选择日期</nz-form-label>
    <nz-form-control [nzSm]="16" [nzXs]="24">
      <nz-range-picker formControlName="rangePicker"></nz-range-picker>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired>请假原因</nz-form-label>
    <nz-form-control [nzSm]="16" [nzXs]="24">
      <input nz-input placeholder="Basic usage" formControlName="reason" />
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-control [nzXs]="{ span: 24, offset: 0 }" [nzSm]="{ span: 16, offset: 8 }">
      <button nz-button nzType="primary">提交</button>
    </nz-form-control>
  </nz-form-item>
</form>
